
div#tbl-container {
width: 700px;
height: 500px;
overflow-y: auto;
}

table {
border-collapse: collapse;
background-color: #FF9900;
}

thead th, thead th.locked	{
font-size: 13px;
font-weight: bold;
text-align: center;
background-color: #FFBD42;
color: black;
position:relative;
cursor: default;
}
	
thead th {
top: expression(document.getElementById("tbl-container").scrollTop-2); /*IE5+ only*/
z-index: 20;
}

thead th.locked {z-index: 30;}

td.locked,  th.locked{
background-color: #ffeaff;
font-weight: bold;
border-right: 1px solid silver;
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /*IE5+ only*/
position: relative;
z-index: 10;
}